<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <style media="screen">
    .head .subtitle{
      margin: 30px 0 20px;
      font-weight: 400;
      font-size: 18px;
      line-height: 1;
      display: block;
      font-weight: bold;
      font-family: 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;
    }
    .head{
      text-align: center;
    }
    .main{
      text-align: center;
      color: #999;
      font-size: 80%;
    }
    .main a{
      color: grey;
      font-size: 25px;
    }
    .main .input {
      margin-top: 20px;
    }
    .main .zhihu{
      width: 308px;
      height: 41px;
      font-size: 80%;
    }
    .main .in{
      color: #999;
    }

    .main .input .download{
      margin-top: 10px;
      width: 100%;
      height: 41px;
      background: #ffffff;
      color: #5fa6e5;
      border: 1px solid #96c2e9;
    }
    #master{
      position: relative;
      width: 100%;
    }
    #main-body{
      position: absolute;
      left: 50%;
      top: 50%;
      width: 300px;
      height: 590px;
      margin-left: -150px;
    }
    #bfoot{
      position: fixed;
      bottom: 0;
      width: auto;
      height: 42px;
      width: 100%;
    }
    .foot{
      text-align: center;
      color: #aebdc9;
      font-size: small;
      padding: 6px;
    }
    .foot a{
      color: #aebdc9;
      font-size: small;
      padding: 6px;

    }
    </style>
  </head>
  <body>
    <div id="master">
    <div id="main-body">
    <div class="head">
      <img src="u=481692916,3426959967fm=58.jpg" alt=""  style="width:160px;height:auto"/><br>
      <h2 class="subtitle" style="background: #f7fafc;">与世界分享你的知识、经验和见解</h2>
    </div>
    <div class="main">
      <a href="#">注册</a>
      <a href="#">登录</a><br>
      <form class="input" action="index.html" method="post">
      <input type="text" name="name" placeholder="姓名" class="in" style="width: 292px;height: 41px;"><br>
      <input type="text" name="cell-phone number" placeholder="手机号(仅支持中国大陆)" class="in" style="width: 292px;height: 41px;"><br>
      <input type="text" name="password" placeholder="密码(不少于6位)" class="in" style="width: 292px;height: 41px;"><br>
      <input type="text" name="identifying code" placeholder="验证码" class="in" style="width: 292px;height: 41px;"><br>
      <input type="button" name="zhucezhihu" value="注册知乎" class="zhuce" style="width: 300px;height: 41px;color:#ffffff;background:#0f88eb;"><br>
      点击[注册]按钮，即代表你同意 <a href="https://www.zhihu.com/terms" class="zhihu">《知乎协议》</a>
      <input type="button" name="download" value="下载知乎App" class="download" style=""><br>
      </form>
    </div>
    </div>
    <div id="bfoot">
    <div class="foot">
      <span>@2016知乎</span>
      <a href="https://www.zhihu.com/roundtable">知乎圆桌</a>
      <a href="https://www.zhihu.com/explore">发现</a>
      <a href="https://www.zhihu.com/app/">移动应用</a>
      <a href="https://www.zhihu.com/org/signin">使用机构账号登录</a>
      <a href="https://www.zhihu.com/contact">联系我们</a>
      <a href="https://www.zhihu.com/careers">来知乎工作</a>
      <a href="http://www.miibeian.gov.cn/">京ICP备13052560号</a>
      <span>京公网安备11010802010035号</span>

    </div>
    </div>
  </div>
  </body>
</html>
